const MiniCssExtractPlugin = require("mini-css-extract-plugin")

module.exports = {
    mode: "production",
    // 如果 你使用npm run build那么就会多映射一个文件出来，注意在浏览器中跑起来的不是源码，是打包后的文件
    devtool: "source-map",
    plugins: [
        new MiniCssExtractPlugin({
            filename: 'css/[name].[contenthash:8].css'
        })
    ],
    module: {
        rules: [{
            test: /\.css$/,
            use: [MiniCssExtractPlugin.loader, "css-loader"]
        }]
    }
}